<!-- 父组件 -->
<template>
  <div id="parent">
    <!-- 把父组件的自定义changeName方法传递给子组件 -->
    <child @changeName="changeName"></child>
  </div>
</template>

<script>
// 引入子组件
import Child from './child'
export default {
  components: { Child },
  methods: {
    // 父组件传给子组件的方法
    changeName(newName) {
      console.log(newName) // '李四'；当子组件点击修改姓名时，触发
    },
  },
}
</script>

<style lang="scss" scoped></style>
